@import "../public/theme";

.side_menu {
	width: 200px;
	float: left;
	background: #fff;
	padding:10px 0;
	margin-right:15px;
}

.menu_header {
	width: 100%;
}

.menu_body {
	
}

.menu_group{
	padding:10px 20px;
	color:#888;
	font-size:14px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height:1em;
	
	&:before{
		margin-right:0.6em;
	}
	
	&:not(:first-child){
		border-top:1px solid #e5e5e5;
		padding-top:20px;
		margin-top:11px;
	}
}

.menu_item{
	font-size:14px;
	padding: 9px 20px;
	margin: 0px 0;
	cursor:pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	padding-left:34px;
	border-left:8px solid #fff;
	
	&.active{
		color:#4db1fe;
		border-left-color:#4db1fe;
	}
}

button.menu_item {
	padding: 8px;
    display: block;
    width:80%;
    background: none;
    color: #000;
    border: 1px #ccc dashed;
    margin:10px auto 20px;
}